<div class="header" id="header">
    <div class="top-banner">
        <p>
            <span class="menu" id="menu-button">
                <i class="fa fa-bars fa-2x"></i>
            </span>
            <span class="title">Emails & Notifications</span>
            <span class="detail" id="filter-button"><i class="fa fa-bookmark fa-2x"></i></span>
        </p>
    </div>
</div>
<div class="content content-thread content-notifications" id="content">
    <div id="notifications" class="main-content">
        <h1 class="stream-title"><i class="fa fa-envelope"></i><span>Emails & Notifications</span></h1>
        <div class="clear"></div>
        <p class="notification-text">Changes here will not affect the alerts other users receive.</p>
        <h5 class="action-nav-title"><strong>SIGNALS EMAIL ALERTS</strong></h5>
        <div>
            <div class="email-alert-select">
                <input id="daily_digest" class="email-notification-checkbox edit-notification" type="checkbox">
                <label for="daily_digest">Daily Digest</label>
                <div class="clear"></div>
                <p class="help-block">Contains a daily review of your main metrics and the most important signals of the day.</p>
            </div>
            <div class="clear"></div>
            <div class="email-alert-select">
                <input id="real_time" class="email-notification-checkbox edit-notification" type="checkbox">
                <label for="real_time">Real-time Signals</label>
                <div class="clear"></div>
                <p class="help-block">Get emails as we detect new signals. Never miss a beat.</p>
            </div>
            <div class="clear"></div>
        </div>
        <h5 class="action-nav-title"><strong>MENTIONS EMAIL ALERTS</strong></h5>
        <p class="settings-text">You will receive an email each time we collect a new mention for the streams you add below. Beware: pick a high volume stream and your inbox may get flooded. Use with caution.</p>
        <div class="mozaic-widget widget-keyword_subscriber" data-widget="keyword_subscriber" >
            <ul class="keyword-subscriptions"> 
                <li class="mozaic-widget widget-keyword_subscriber_item subscription-7674 keyword-1000031970" data-widget="keyword_subscriber_item" >
                <div class="type-keyword"><i class="icon-stream-type ub ub-retailers"></i>Smart Solution <a href="#" class="remove-subscription">x</a>
                </div></li><li class="mozaic-widget widget-keyword_subscriber_item subscription-7673 keyword-1000031974" data-widget="keyword_subscriber_item" >
                <div class="type-keyword"><i class="icon-stream-type ub ub-streams"></i>Basketball <a href="#" class="remove-subscription">x</a>
            </div></li></ul>
            <div class="keyword-subscription-search-box">
                <input type="text" class="search-box" placeholder="Type the name of a Stream">
                <ul class="results" style="display: none;">
                    <li class="type-keyword" data-value="1000031973" style="display: none;"><i class="icon-stream-type icon-stream-market_terms-small"></i>Soccer</li>    
                    <li class="type-keyword active" data-value="1000031974" style="display: list-item;"><i class="icon-stream-type icon-stream-market_terms-small"></i>Basketball</li><li class="type-keyword" data-value="1000031971" style="display: list-item;"><i class="icon-stream-type icon-stream-market_terms-small"></i>Community Sport...</li><li class="type-keyword" data-value="1000032005" style="display: list-item;"><i class="icon-stream-type icon-stream-company-small"></i>Ipad</li><li class="type-keyword" data-value="1000032004" style="display: list-item;"><i class="icon-stream-type icon-stream-company-small"></i>Iphone 4s</li><li class="type-keyword" data-value="1000032345" style="display: list-item;"><i class="icon-stream-type icon-stream-company-small"></i>Iphone 4s 2</li><li class="type-keyword" data-value="1000033956" style="display: list-item;"><i class="icon-stream-type icon-stream-company-small"></i>Iphone 5c</li><li class="type-facebook" data-value="1000032076" style="display: list-item;"><i class="icon-stream-type icon-stream-social_accounts-small"></i>SMARTSolution</li><li class="type-keyword" data-value="1000031970" style="display: list-item;"><i class="icon-stream-type icon-stream-company-small"></i>Smart Solution</li></ul>
            </div>
            <div class="clear"></div>
            <p class="mozaic-widget settings-text widget-keyword_subscriber_status" data-widget="keyword_subscriber_status" >
              Remove each email alert by clicking the "x" next to it. <a href="#" class="clear-subscriptions btn btn-small"><i class="fa fa-clear"></i>Remove all Mentions Email Alerts</a>
            </p>
        </div>
    </div>
</div> <!-- End Content -->